<template>
	<view>
		<view>
			<view>发送</view>
			<textarea ref="dataChannelSend" 
			placeholder="请输入要发送的文本..." />
		</view>
		<view>
			<view>接收</view>
			<textarea ref="dataChannelReceive" disabled={false} />
		</view>
		<view>
			<Button @click="senddata()">发送</Button>
		</view>
	</view>
</template>

<script>
	import P2PVideoCall from '@/common/P2PVideoCall.js';
	export default {
		methods: {
			senddata(){
				console.log("test");
			},
		}
	}
</script>

<style>
	
	button {
	    margin-top: 30rpx;
	    margin-bottom: 30rpx;
	}
	
	.button-sp-area {
	    margin: 0 auto;
	    width: 60%;
	}
	
	.mini-btn {
	    margin-right: 10rpx;
	}
	
	.left{
	  display: flex;
	  align-items: center;
	  size:150px;
	  float: inherit;
	}
	.right{
	  display: flex;
	  align-items: center;
	}
	.big{
		position:'absolute';
		left:'0px';
		right:'0px';
		top:'0px';
		bottom:'0px';
		backgroundColor:'#323232';
		zIndex:0;
	}
	.small{
	    display:flex;
	    justifyContent: center;
	    alignItems:center;
	    width: 192px;
	   height: 108px;
	    bottom: 60px;
	    position: absolute;
	    
		borderStyle: solid;
		borderColor: #ffffff;
		overflow: hidden;
		zIndex: 99;
		borderRadius: 4px;
		right: 10px;
		borderWidth: 2px;
	}
</style>
